import React, {Component} from 'react';
import {StyleSheet, Text, View, Image, ScrollView, Dimensions} from 'react-native';
import {Button, WhiteSpace, WingBlank, Flex, List, Alert} from '@ant-design/react-native';
import Item from '@ant-design/react-native/lib/list/ListItem';
import {getProductEditInfoApi} from '~/api/product';
import HTML from 'react-native-render-html';
import Video from 'react-native-video';
import WebView from 'react-native-webview';
const width = Dimensions.get('window').width;
class ParkPark extends Component {
    static navigationOptions = {
        title: '得车位',
    };

    constructor(props) {
        //调用基类的所有的初始化方法
        super(props);

        // 设置当前组件的属性
        this.state = {
            id: this.props.navigation.getParam('params'),
            list: [],
            money: 500,
            info: '什么是得车位',
            textinfo:
                '1.得什么车位？\n' +
                '就是您在AAP上选中，交了定金，并与开发商签约的哪个车位。\n' +
                '\n' +
                '2.什么时候得车位？\n' +
                '待您办理完相关手续，开发商收到车位款，就正式将车位移交给您。\n' +
                '\n' +
                '3.车位是否有产权？\n' +
                '车位的产权事宜，开发商会在合同中注明。无产权车位，合同都会约定让您长期使用，通常使用年限与住宅年限一致。\n' +
                '\n' +
                '4.为什么说是免费得车位呢？\n' +
                '因为在“免费送车位”商业模式下，业主获得的权益价值要远远大于车位本身的价值。\n',
            html:
                ' <img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/04851b07b3a07d5aab5f87d082b3bfbf.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/e42a84444dd449fad81bcda104442ace.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/3d96c7111d332c8100cbd9f6db8c185a.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/42005d277741605e746cb964add6ce36.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/39c06d37f88714ad1d5ad468eee4d0eb.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/955c736dab5026f4da8367ec3ea5eb38.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/09aac2f3feb29f00f5137b8bd0bf56be.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/uploads/products/2020-01-11/1d069181c91d5b42acd9b0e550eec551.png"><img lazy="" style="max-width:100%;max-height:100%;margin:0;" src="https://ftpweb.lipopo.com.cn/Product/1654/10c51fa60f1b42b6985320d930032525.jpg"><img src="https://ftpweb.lipopo.com.cn/Product/1654/a51a03fcc3f44d34997fdac4f4b9e4a8.jpg" style="max-width:100%;"><br>',
        };

        console.disableYellowBox = true;
    }

    render() {
        return (
            <ScrollView style={{flex: 1}}>
                <Flex style={{width: '100%', height: 200}}>
                    <WebView
                        source={{uri: 'http://1301076982.vod2.myqcloud.com/a804d64fvodtranscq1301076982/baa051915285890806762649133/v.f100810.mp4'}}
                    />
                </Flex>
                <View style={{backgroundColor: '#FFFFFF'}}>
                    <WingBlank size={'lg'}>
                        <Text style={{marginTop: '5%', fontSize: 18}}>"怎样得车位"视频讲解</Text>
                        <Flex direction="row" align="center" style={{marginBottom: 10}}>
                            <Flex direction="row" align="center" justify="center" style={{marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/time2x.png')} />
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '2%', marginTop: 5}}>
                                <Text style={{color: '#999999'}}>发布时间:2020-08-10</Text>
                            </Flex>
                            <Flex direction="row" align="center" justify="center" style={{marginLeft: '5%', marginTop: 5}}>
                                <Image style={{width: 15, height: 15}} source={require('~/assets/my/bro2x.png')} />
                                <Text style={{color: '#999999', marginLeft: 5}}>5689次播放</Text>
                            </Flex>
                        </Flex>
                    </WingBlank>
                </View>
                <View style={{flexDirection: 'column', backgroundColor: '#FFFFFF', marginTop: 20}}>
                    <WingBlank size={'lg'}>
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>1</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>得车位？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>就是您在AAP上选中，交了定金，并与开发商签约的哪个车位。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>2</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>什么时候得车位？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>待您办理完相关手续，开发商收到车位款，就正式将车位移交给您。</Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>3</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>车位是否有产权？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999'}}>
                            车位的产权事宜，开发商会在合同中注明。无产权车位，合同都会约定让您长期使用，通常使用年限与住宅年限一致。
                        </Text>
                    </WingBlank>
                    <WingBlank size={'lg'}>
                        <View style={{width: '100%', height: 2, backgroundColor: '#F6F6F6', marginTop: 10}} />
                        <Flex direction="row" style={{marginTop: 15}}>
                            <Flex
                                style={{
                                    borderWidth: 0.3,
                                    borderColor: 'red',
                                    borderRadius: 40,
                                    width: 20,
                                    height: 20,
                                    justifyContent: 'center',
                                    backgroundColor: 'red',
                                }}>
                                <Text style={{color: '#FFFFFF'}}>4</Text>
                            </Flex>
                            <Text style={{fontSize: 18, marginLeft: 10}}>为什么说是免费得车位呢？</Text>
                        </Flex>
                        <Text style={{marginTop: 10, color: '#999999', marginBottom: 20}}>
                            因为在“免费送车位”商业模式下，业主获得的权益价值要远远大于车位本身的价值。
                        </Text>
                    </WingBlank>
                </View>
            </ScrollView>
        );
    }
}
const styles = StyleSheet.create({
    images: {
        width: '100%',
        height: 200,
    },
});
export default ParkPark;
